<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <%- include ../taglibs/layout_head.ejs%>
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/bootstrap-table/dist/bootstrap-table.css">
    <link rel="stylesheet" type="text/css" href="/plugins/bootstrap-treeview/css/bootstrap-treeview.css">
    <link rel="stylesheet" type="text/css" href="/plugins/sweetAlert/css/sweet-alert.css">
    <link rel="stylesheet" type="text/css" href="/css/base.css">
    <link rel="stylesheet" type="text/css" href="/js/components/dialog/dialog.css">
    <link rel="stylesheet" type="text/css" href="/js/components/messageAlert/message-alert.css">
    <link rel="stylesheet" href="/js/mapPlugins/css/DrawingManager_min.css" type="text/css">
    <link rel="stylesheet" href="/js/mapPlugins/css/SearchInfoWindow_min.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="/css/monitor/monitor.css">
    <style type="text/css">
        body, html,#mymap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        body, html,#mymapOne {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        body, html,#mymapTwo {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        body, html,#mymapThree {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        @keyframes doggeAnation {
            0%{
                opacity: 0.1;
            }
            50%{
                opacity: 0.5;
            }
            100%{
                opacity: 0.9;
            }
        }
        @-moz-keyframes doggeAnation {
            0%{
                opacity: 0.1;
            }
            50%{
                opacity: 0.5;
            }
            100%{
                opacity: 0.9;
            }
        }
        @-o-keyframes doggeAnation {
            0%{
                opacity: 0.1;
            }
            50%{
                opacity: 0.5;
            }
            100%{
                opacity: 0.9;
            }
        }
        @-webkit-keyframes doggeAnation {
            0%{
                opacity: 0.1;
            }
            50%{
                opacity: 0.5;
            }
            100%{
                opacity: 0.9;
            }
        }
        .arrowLeft{
            position: absolute;
            right: 0;
            top:50%;
            font-size: 32px;
            cursor: pointer;
            animation: doggeAnation 3s infinite;
            -webkit-animation: doggeAnation 3s infinite ;
            -moz-animation:doggeAnation 3s infinite ;
            -o-animation: doggeAnation 3s infinite;
            z-index:10011
        }
        .arrowRight{
            position: absolute;
            left: 3px;
            top:50%;
            font-size: 32px;
            cursor: pointer;
            animation: doggeAnation 3s infinite;
            -webkit-animation: doggeAnation 3s infinite ;
            -moz-animation:doggeAnation 3s infinite ;
            -o-animation: doggeAnation 3s infinite;
            z-index:1009;
            display: none;
        }
        .nav-body{
            padding:0
        }
        .monitor-box-head{
            position: fixed;
        }
        .row-box{
            display: block;
            width: 100%;
            height: 48%;
            margin: 0;
        }
        /*.row-box .row-box-c{*/
            /*height: 50%;*/
        /*}*/
        .row-box .row-box-col{
            position: relative;
            /*display: inline-block;*/
            width: 41%;
            height: 100%;
            padding: 0;
            float: left;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        .row-box-all{
            width: 50%;
        }
        #treeview > ul.list-group{
            width: 300px;
        }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5pOe9cqol0NaNdEbtvTXMC9h"></script>
    <script type="text/javascript">
        var isMapPanto = true;
    </script>
</head>
<body>
<div class="nav-body" id="divContent" style="position: relative;width: 100%;height: 100%">
    <div class="monitor-box">
        <div class="monitor-box-head">
            <ul id="head-Tab">
                <li tabCode = "1">
                    <img src="/js/mapPlugins/img/car_online1.png">
                    <span class="text">
                        异常
                    </span>
                </li>
                <li tabCode = "3">
                    <img src="/js/mapPlugins/img/car_online.png">
                    <span class="text">
                        行驶
                    </span>
                </li>
                <li tabCode = "0">
                    <img src="/js/mapPlugins/img/car_online3_0.fw.png">
                    <span class="text">
                        停车
                    </span>
                </li>
                <li tabCode = "2">
                    <img src="/js/mapPlugins/img/car_online2.png">
                    <span class="text">
                    离线
                </span></li>
            </ul>
        </div>
        <div id="mymap-box" style="float: left;margin-left: 240px;display: block;height: 100%;width: 100%;position: relative">
            <div class="row-box">
                <div class="row-box-col" style="border-right: 1px solid #4B5E8A;border-bottom:1px solid #4B5E8A">
                    <div class="mymap-box" idvalue="0" style="position: relative;display: block;width: 100%;height: 100%">
                        <div id="mymap">
                        </div>
                        <div style="position: absolute;bottom: 15px;width: 100%;text-align: right">
                            <span style="font-size: 16px;margin-right: 10px;">设备编号：<span class="text"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row-box-col" style="border-left: 1px solid #4B5E8A;border-bottom:1px solid #4B5E8A">
                    <div class="mymap-box" idvalue="1"  style="position: relative;display: block;width: 100%;height: 100%">
                        <div id="mymapOne">
                        </div>
                        <div style="position: absolute;bottom: 15px;width: 100%;text-align: right">
                            <span style="font-size: 16px;margin-right: 10px;">设备编号：<span class="text"></span></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-box">
                <div class="row-box-col" style="border-right: 1px solid #4B5E8A">
                    <div class="mymap-box" idvalue="2" style="position: relative;display: block;width: 100%;height: 100%">
                        <div id="mymapTwo">
                        </div>
                        <div style="position: absolute;bottom: 15px;width: 100%;text-align: right">
                            <span style="font-size: 16px;margin-right: 10px;">设备编号：<span class="text"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row-box-col" style="border-left: 1px solid #4B5E8A">
                    <div class="mymap-box" idvalue="3" style="position: relative;display: block;width: 100%;height: 100%">
                        <div id="mymapThree">
                        </div>
                        <div style="position: absolute;bottom: 15px;width: 100%;text-align: right">
                            <span style="font-size: 16px;margin-right: 10px;">设备编号：<span class="text"></span></span>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!--<i class="fa fa-angle-double-right arrowRight"-->
        <!--aria-hidden="true"-->
        <!--&gt;</i>-->
        <div class="left-tree-arrow" id="left-tree-arrow">
            <img src="/images/page3/right-arrow.png">
        </div>
        <div class="left-box" id="left-box-id" style="z-index: 1001;">
            <div class="left-box-header">
                <div class="div-title">
                    <span>
                        车辆追踪
                    </span>
                </div>
                <div class="left-tree-bottom-arrow" id="bottom-arrow">
                    <img src="/images/page3/left-arrow.png">
                </div>
            </div>
            <div class="left-tree" id="left-tree">
                <div class="left-head">
                    <div class="left-head-tab" id="left-head-tab">
                        <div id="everyCar">
                            <span class="text active">
                                全部(<span class = "allCar">0</span>)
                            </span>
                        </div>
                        <div id="onlineCar">
                            <span class="text">
                            在线(<span class="onCar">0</span>)
                                </span>
                        </div>
                        <div id="unOnlineCar">
                                <span class="text">
                                离线(<span class="upCar">0</span>)
                                </span>
                        </div>
                    </div>
                    <!--<i id="bottom-arrow" class="fa fa-chevron-left"-->
                    <!--style="color: #6dcff6;-->
                    <!--cursor: pointer;-->
                    <!--position: absolute;-->
                    <!--top: 5px;-->
                    <!--right: 2px;font-size: 18px"></i>-->
                </div>
                <div class="left-search">
                    <input type="text" class="form-control" id="deviceInfo" placeholder="查询设备">
                    <span class="search-img" id="search-icon">
                    <img src="/images/page3/u1242.png" class="img">
                </span>
                </div>
                <div id="treeview" style="position: absolute;
                     max-height: 80%;overflow-y: auto;
width: 100%;overflow-x: auto;
    max-width: 236px;">
                </div>
                <!--<div class="left-tree-bottom-arrow" id="bottom-arrow">-->
                <!--<img src="images/page3/左上角_u1239.png">-->
                <!--</div>-->
                <!--<i class="fa fa-angle-double-left arrowLeft" aria-hidden="true"></i>-->
            </div>
        </div>

        <ul class="rightkey-box" id="rightkey-box">
            <li>
                重启设备
            </li>
            <li>
                锁车
            </li>
            <li>
                解锁
            </li>
            <li>
                查询版本
            </li>
            <li>
                回传时间
            </li>
            <li>
                超速报警设置
            </li>
            <li>
                里程设置
            </li>
            <li>
                远程升级
            </li>
            <li>
                停车超时设置
            </li>
            <li>
                疲劳驾驶设置
            </li>
            <li class="hover-box">
                原地设防
                <img
                        id="u1147_img"
                        class="img "
                        style="border-width: 0px;
                         width: 20px;
                         height: 20px;
                        float: right;
                         margin-top: 5px;" src="/images/page3/右箭头_u1147.png">
                <ul id="hover-box-ul">
                    <li>
                            <span>
                                设防
                            </span>
                    </li>
                    <li>
                          <span>
                             撤防
                          </span>
                    </li>
                </ul>
            </li>
            <li>
                道路行驶参数设置
            </li>
            <li>
                透传下发
            </li>
        </ul>
        <div style="clear: both"></div>

    </div>
    <div class="monitor-dialog" id="onlineDialog" style="display: none">
        <div class="monitor-dialog-head">
                <span >
                        在线车辆（<span class="onCar">0</span>）
                </span>
            <span class="button-box" id="exportONlineCar">
                    导出
                </span>
            <button type="button" id="onlineClose" class="closebtn head-btn-close" data-dismiss="modal" aria-hidden="true"></button>
        </div>
        <div class="monitor-dialog-body">
            <div class="monitor-dialog-content">
                <table id="onlineCarInfoTable" style="height: 335px;max-height: 335px;overflow-y: auto"></table>
            </div>
        </div>
    </div>
    <div class="monitor-dialog outlineDialog" id="unonlineDialog" style="display: none">
        <div class="monitor-dialog-head">
                <span>
                        离线车辆（<span class="upCar">0</span>）
                </span>
            <span class="button-box" id="exportUnONlineCar">
                    导出
                </span>
            <button type="button" id="unOnlineClose" class="closebtn head-btn-close" data-dismiss="modal" aria-hidden="true"></button>
        </div>
        <div class="monitor-dialog-body">
            <div class="monitor-dialog-content">
                <table id="unOnlineCarInfoTable" style="height: 335px;max-height: 335px;overflow-y: auto"></table>
            </div>
        </div>
    </div>
    <div class="monitor-dialog" id="guanzhuDialog" style="display: none;border: 1px solid #344175;
    background-color: #344175;">
        <div class="monitor-dialog-head">
                <span>
                        关注
                </span>
            <button type="button" id="guanzhuClose" class="closebtn head-btn-close" data-dismiss="modal" aria-hidden="true"></button>
        </div>
        <div class="monitor-dialog-body">
            <div class="monitor-dialog-content">
                <table id="guanzhuInfoTable" ></table>
            </div>
        </div>
    </div>
    <div id="carInfoDialog" style="display: none">
        <form id="carInfoForm" class="form-horizontal form-validBox" >
            <input id="id" name="id" type="hidden">
            <input id="baseTerminalId" name="baseTerminalId" type="hidden">
            <input id="baseCarTypeId" name="baseCarTypeId" type="hidden">
            <input id="deptId" name="deptId" type="hidden">
            <div class="form-group">
                <label for="baseCarNo" class="col-sm-3 control-label label-require">车牌号：</label>
                <div class="col-sm-8">
                    <input id="baseCarNo" name="baseCarNo" class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>

            <div class="form-group">
                <label for="catCode" class="col-sm-3 control-label">车辆品牌：</label>

                <div class="col-sm-8">
                    <input id="baseCarBrand" name="baseCarBrand"
                           class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group">
                <label for="baseCarTypeName" class="col-sm-3 control-label label-require">车辆类型：</label>
                <div class="col-sm-8">
                    <input id="baseCarTypeName" name="baseCarTypeName"
                           class="form-control"
                           type="text"
                           aria-required="true" aria-invalid="true" readonly="readonly">
                </div>
            </div>

            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarOutput" class="col-sm-3 control-label">排量：</label>
                <div class="col-sm-8">
                    <input type="text" id="baseCarOutput" name="baseCarOutput"
                           class="form-control" value="1" aria-required="true"
                           aria-invalid="true" readonly="readonly"
                    >
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseTerminaName" class="col-sm-3 control-label">设备编号：</label>
                <div class="col-sm-8">
                    <input id="baseTerminaName" name="baseTerminaName"
                           class="form-control"  type="text"
                           aria-required="true" aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseTerminalSim" class="col-sm-3 control-label">SIM：</label>
                <div class="col-sm-8">
                    <input id="baseTerminalSim" name="baseTerminalSim"
                           class="form-control"  type="text"
                           aria-required="true" aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="userName" class="col-sm-3 control-label">车主姓名：</label>
                <div class="col-sm-8">
                    <input id="userName" name="userName" class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="userPhone" class="col-sm-3 control-label">车主电话：</label>
                <div class="col-sm-8">
                    <input id="userPhone" name="userPhone" class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarName" class="col-sm-3 control-label">车辆别名：</label>
                <div class="col-sm-8">
                    <input id="baseCarName" name="baseCarName"
                           class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarFdNo" class="col-sm-3 control-label">发动机号：</label>
                <div class="col-sm-8">
                    <input id="baseCarFdNo" name="baseCarFdNo"
                           class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarJjNo" class="col-sm-3 control-label">机架号：</label>
                <div class="col-sm-8">
                    <input id="baseCarJjNo" name="baseCarJjNo"
                           class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarRlType" class="col-sm-3 control-label">燃料类型：</label>
                <div class="col-sm-8">
                    <input id="baseCarRlType" name="baseCarRlType"
                           class="form-control"
                           type="text"
                           aria-required="true" aria-invalid="true"  readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarOfProvince" class="col-sm-3 control-label">所属省份：</label>
                <div class="col-sm-8">
                    <input id="baseCarOfProvince" name="baseCarOfProvince"
                           class="form-control"  type="text"
                           aria-required="true" aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarOfCity" class="col-sm-3 control-label">所属市区：</label>
                <div class="col-sm-8">
                    <input id="baseCarOfCity" name="baseCarOfCity"
                           class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true" readonly="readonly">
                </div>
            </div>
            <div class="form-group" id="isHiddenDiv">
                <label for="baseCarDis" class="col-sm-3 control-label">初始里程：</label>
                <div class="col-sm-8">
                    <input id="baseCarDis" name="baseCarDis"
                           class="form-control"
                           type="text" aria-required="true"
                           aria-invalid="true"
                           number="true" maxlength="10" readonly="readonly">
                </div>
            </div>
        </form>
    </div>
    <div class="monitor-dialog monitor-dialog-form" id="carDetailsDialog" style="display: none;z-index:10009">
        <div class="monitor-dialog-head">
                <span>
                    信息详情
                </span>
            <!--<span class="closebtn">-->
            <!--<img src="images/page3/close_img.png">-->
            <!--</span>-->
            <button type="button" id="carDetailsDialogClose" class="closebtn head-btn-close" data-dismiss="modal" aria-hidden="true"></button>
        </div>
        <div class="monitor-dialog-body" id="carDetailsInfo">
            <input id="id" name="id" type="hidden">
            <input id="baseTerminalId" name="baseTerminalId" type="hidden">
            <input id="baseCarTypeId" name="baseCarTypeId" type="hidden">
            <input id="deptId" name="deptId" type="hidden">
            <div class="monitor-dialog-content">
                <div class="msghead" style="background-color:#F1F5FB;padding:4px;">
                    <span style="color:#344175;font-size: 14px">
                        设备信息
                    </span>
                </div>
                <div class="msgbody" style="background-color: #FFF;padding: 6px 12px;font-size: 14px;height: 130px">
                    <div class="row" style="margin-right: 0;margin-left: 0;margin-bottom:6px; margin-top: 6px;">
                        <div class="col-sm-12" style="padding-left: 0;padding-right: 0">
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">所属用户:</label>
                                <span name="deptName"></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">设备Id:</label>
                                <span  name="id"></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">SIM卡号:</label>
                                <span name="sim"></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">设备协议:</label>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-right: 0;margin-left: 0;margin-bottom:6px; margin-top: 6px;">
                        <div class="col-sm-12" style="padding-left: 0;padding-right: 0">
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">设备型号:</label>
                                <span></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">设备类别:</label>
                                <span></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">入网时间:</label>
                                <span></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">到期时间:</label>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-right: 0;margin-left: 0;margin-bottom:6px; margin-top: 6px;">
                        <div class="col-sm-12" style="padding-left: 0;padding-right: 0">
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">服务年限:</label>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="monitor-dialog-content" style="margin-top: 8px">
                <div class="msghead" style="background-color:#F1F5FB;padding:4px;">
                    <span style="color:#344175;font-size: 14px">
                        车辆信息
                    </span>
                </div>
                <div class="msgbody" style="background-color: #FFF;padding: 6px 12px;font-size: 14px;height: 130px">
                    <div class="row" style="margin-right: 0;margin-left: 0;margin-bottom:6px; margin-top: 6px;">
                        <div class="col-sm-12" style="padding-left: 0;padding-right: 0">
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">车牌号码:</label>
                                <span name="baseCarNo"></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">车辆品牌:</label>
                                <span name="baseCarBrand"></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">车辆类型:</label>
                                <span name="baseCarTypeName"></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">车辆颜色:</label>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-right: 0;margin-left: 0;margin-bottom:6px; margin-top: 6px;">
                        <div class="col-sm-12" style="padding-left: 0;padding-right: 0">
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">车架号:</label>
                                <span name="baseCarJjNo"></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">车主姓名:</label>
                                <span></span>
                            </div>
                            <div class="col-sm-3" style="padding-left: 0;padding-right: 0">
                                <label style="display: inline-block">车主电话:</label>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="monitor-dialog" id="chaijiDialog" style="display: none;border: 1px solid #344175;
    background-color: #344175;">
        <div class="monitor-dialog-head">
                <span>
                        拆机记录
                </span>
            <button type="button" id="chaijiDialogClose" class="closebtn head-btn-close" data-dismiss="modal" aria-hidden="true"></button>
        </div>
        <div class="monitor-dialog-body">
            <div class="monitor-dialog-content">
                <table id="chaijiInfoTable" ></table>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/jquery/jquery.1.11.3.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/plugins/bootstrap-table/dist/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/plugins/bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/plugins/bootstrap-treeview/js/bootstrap-treeview.js"></script>
<script type="text/javascript" src="/plugins/sweetAlert/js/sweet-alert.min.js"></script>
<script type="text/javascript" src="/js/common/jquery.utils.js"></script>
<script type="text/javascript" src="/js/viewpage/main.js"></script>
<script type="text/javascript" src="/js/common/bootstrapTable.js"></script>
<script type="text/javascript" src="/js/common/bootstrapTree.js"></script>
<script type="text/javascript" src="/js/common/jquery.map.utils.js"></script>
<script type="text/javascript" src="/js/common/validator.js"></script>
<script type="text/javascript" src="/js/common/jquery.form.ext.js"></script>
<script type="text/javascript" src="/js/common/jquery.tabs.js"></script>
<script type="text/javascript" src="/js/components/dialog/jquery.bootstrap-dialog.ext.js"></script>
<script type="text/javascript" src="/js/components/messageAlert/jquery.bootstrap-messager.ext.js"></script>
<script type="text/javascript" src="/js/plugins/form/jquery.form.js"></script>
<script type="text/javascript" src="/js/mapPlugins/DrawingManager.js"></script>
<script type="text/javascript" src="/js/mapPlugins/SearchInfoWindow_min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
<script type="text/javascript">
    var pointCarId = "<%= pointCarId%>";
    window.treeJsonData = [];
    window.offLineTreeJson = [];
    window.treeDataSource = [];
    window.carTreeJSON = {};
    window.offlineStr = "";
    window.onlineStr = "";
    window.updatedTreeCars = {};
    window.updatedTreeNoCars = {};
    var isSelectTreeNode = false;
    window.isInterval=false;
    window.updateTreeNodes={
        deptNode:{

        },
        deviceNode:{

        },
        carNode:{

        }
    };
    window.deptsCarIdJson = {};
</script>
<script type="text/javascript" src="js/socket.io/socket.io.js"></script>
<script type="text/javascript" src="js/socket.io/socket-util-cus.js"></script>
<script type="text/javascript" src="/js/viewpage/newhis.js"></script>
<script type="text/javascript">
    var myMap1,
        myMap2,
        myMap3;
    $(function () {
        $("#myMapParent").css({"height":$(window).height()-72-36 + "px"});
        $("#bottom-box").css({"width":$(window).width()-242 + "px"});
        $(".arrowLeft").on("click",function () {
            $(this).hide();
            $("#left-tree").hide(300);
            $(".arrowRight").show();
        });
        $(".arrowRight").on("click",function () {
            $(this).hide();
            $("#left-tree").show(300);
            $(".arrowLeft").show();
        });
//        var _localCity = null,
//            point = null,
//            cityName = "北京",//城市默认为北京
//            level = 15;
//        var mymapOne;
//        mymapOne = new BMap.Map("mymapOne");
//        point = new BMap.Point(120.417544, 36.189805);
//        mymapOne.centerAndZoom(point,13);
//        //this.mapObj.setCurrentCity("北京");
//        mymapOne.addControl(new BMap.ScaleControl());
//        mymapOne.enableScrollWheelZoom(true);
//
//
//
//        var thePanorama = this.panorama = new BMap.Panorama('mymapOne');
//        thePanorama.setPov({heading: -40, pitch: 6});
        myMap1 = new MapUtils("mymapOne");
        myMap1.init();
        myMap2 = new MapUtils("mymapTwo");
        myMap2.init();
        myMap3 = new MapUtils("mymapThree");
        myMap3.init();
    })
</script>
</body>
</html>